@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------
共通
-------------------------------------------*/

/*▼ フォントサイズ remを1.5remが15pxに調整*/
html{
	font-size: 62.5%; 
}

/* サイト全体のフォント指定 */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html[lang="ja"] {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}


body {
    background-color: #FFFFFF;
	color: #414141; /* サイト全体のフォント色指定 */
}

p,
h2,
h3,
h4,
h5,
h6{
/*  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;*/
  margin: 0;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

a:link {
	color:#414141;
	text-decoration: none;
	outline: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

.alecore_wrapper{
	width: 960px; /*ノーパソで見ずらいので*/
	margin: 0 auto;
}

.image100 {
    max-width: 100%;
    margin-bottom: 40px;  /*マージンは下に付けるで統一！*/
}

/*文字色*/
.text_blue{
    color: #5BAAC8;
}

.text_Yellow{
    color: #D5BD22;
}

.text_red{
    color: #e43e3e;
}

.text_left{
    text-align: left;
}

.alecore_center{
    text-align: center;
    padding: 5px;
}


/*パソコンは改行しない*/

  .br_sp {
    display: none;
  }



/*------------------------------------------------
アレ・コレ ヘッダー ここから
-------------------------------------------------*/
#alecore_header{
	width: 100%;
	margin: 0;
}

/*アレ・コレ タイトル*/
/*ロゴ画像と文章を囲うコンテナ pc横並び*/
.alecore_header_container {
    display:flex;
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    align-items: center;  /*垂直中央揃え*/
    margin-bottom: 30px;
}

/*アレコレロゴ画像のdiv */
.alecore_logo {
    width: 35%;
}

.alecore_logo img{
    width: 85%;
}

/*アレコレ文章のdiv */
.alecore_description {
    width: 65%;
}

.alecore_description p{
    font-size: 1.2rem;
    font-weight:100;
    /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    line-height: 1.5rem;
}

/*パンくず*/
.alecore_pankuzu {
    font-size: 1.2rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    vertical-align: middle;
    margin-bottom: 30px;
}

/*日付アイコンと文字*/
.alecore_dateicon {
    display:flex;
    justify-content:flex-start;  /*左寄せ*/
    align-items: center;  /*上下中央寄せ*/
    margin-bottom: 20px;
}

.alecore_dateicon p{
    font-size: 1.2rem;
    font-weight:500;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-left: 6px;
}

/*アイコン（共通）*/
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 200,
  'opsz' 20
}

/*リンクアイコンと文字*/
.alecore_linkicon {
    display:flex;
    justify-content:flex-start;  /*左寄せ*/
    align-items: center;  /*上下中央寄せ*/
    margin-bottom: 10px;
}

.alecore_linkicon p {
    font-size: 1.2rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-left: 6px;
}
.incon45 {
    transform:rotate(-45deg);
}

#alecore_link ul{
    list-style: none;
    overflow: hidden;
}

#alecore_link li{
    list-style: none;
    background-color: #F3F3F3;
    float: left;
    padding: 5px;
    margin: 0 10px 30px 0;
}

.alecore_link ul{
    list-style: none;
    overflow: hidden;
}

.alecore_link li{
    list-style: none;
    background-color: #F3F3F3;
    float: left;
    padding: 5px;
    margin: 0 10px 30px 0;
}





/*------------------------------------------------
アレ・コレ ページタイトル ここから
-------------------------------------------------*/

#alecore_pagetitle p{
    font-size: 2rem;
    font-weight:500;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}

#alecore_pagetitle h3{
    font-size: 3.5rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 20px;
}



/*------------------------------------------------
導入 ここから
-------------------------------------------------*/


#alecore_introduction h4{
    font-size: 2.7rem;
    font-weight:500;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 20px;
}

/*目次*/
.alecore_mokuji{
    width: 80%;
    background-color: #F5F5F5;
    border-radius: 10px;
    text-align: left;
    padding: 30px;
    font-size: 1.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    line-height: 3.5rem;
    margin: 0 auto;
}

/*目次を真ん中に配置するのにmargin 0 autoにしたので
マージンボトムにした
*/
#mokuji_1_1 {
    margin-bottom: 60px;
}



.alecore_mokuji p{
    padding-bottom: 5px;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}

.alecore_mokuji_line{
    border-bottom: 1px solid #C5C5C5;
    margin-bottom: 15px;
}

/*黒丸リスト（普通にやってもFS表示されないので）*/
.alecore_list_disc_container ul{
  list-style-type: none!important;
  padding:0;
  margin:0;
}

.alecore_list_disc:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #414141;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    margin: 0 5px;
}

.alecore_list_disc_container ol li {
  line-height: 1.5em;
}

/*ol丸い数字*/
.alecore_list_number ol {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:0 0 20px;
}
.alecore_list_number ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.7em 0.5em 0.5em 30px;
}

.alecore_list_number ol li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background:transparent;
  border:#414141 1px solid;
  color: #414141;
  font-size: 1rem;
  border-radius: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  top: 10px;
}

/*ol普通の数字*/

.alecore_list_number_decimal {
    margin: -30px 15px 15px;
}

.alecore_list_number_decimal ol {
  list-style-type: decimal!important;
  font-size: 1.4rem !important;
  font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
  line-height: 2rem;
}

.alecore_list_number_decimal ul {
  list-style: disc inside!important;
}



/*------------------------------------------------
記事 ここから
-------------------------------------------------*/
.alecore_kiji{
    margin-bottom: 60px;  /*記事セクションの下にマージン*/
}

.alecore_kiji h4{
    color: #5BAAC8;
    border-left: 4px solid #5BAAC8;
    border-bottom: 1px solid #5BAAC8;
    padding: 0 0 5px 10px;
    font-size: 2.5rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 20px;
}

.alecore_kiji h5{
    color: #414141;
    font-size: 2rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin: 20px 0 20px;
}

.alecore_kiji h6{
    color: #E59045;
    font-size: 2rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 20px;
}

.alecore_kiji p{
    font-size: 1.5rem;
    line-height:2.5rem;
/*    font-weight:100;*/
    /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 50px;
}

/*ここだけマージン0にしたかったので*/
.alecore_kiji_bottom0{
    font-size: 1.5rem;
    line-height:2.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-top: -20px;
    margin-bottom: 0px;
}

/*記事内のリスト*/
.alecore_list_kiji{
    list-style-type: disc inside;
    font-size: 1.5rem;
    line-height:2.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    padding-left: 15px;
    margin-bottom: 15px;
}

/*記事内のテーブルその1 比較*/
.alecore_table_hikaku {
    border-collapse:collapse;
    width: 100%;
    margin: 20px auto;
    font-size: 1.5rem;
    line-height:2.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    text-align: left;
    margin-bottom: 60px;
}

.alecore_table_hikaku tr:nth-child(1) {
    background-color:#e9e9e9;
    font-size: 1.5rem;
    line-height:2.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}

.alecore_table_hikaku tr td {
    border: 1px solid #e9e9e9;
    padding: 10px;
}

.alecore_center{
    text-align: center;
    padding: 5px;
}

/*記事内のテーブルその2 注意*/
.alecore_table_chui {
    border-collapse:collapse;
    width: 100%;
    margin: 10px auto;
    font-size: 1.2rem;
    line-height:2.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 60px;
}

.alecore_table_chui tr:nth-child(1) {
    background-color:#EFF1DD;
    font-size: 1.5rem;
    line-height:2.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}

.alecore_table_chui tr td {
    background-color:#F9F9EF;
    padding: 50px;
}

/*記事内のテーブルその3 商品2つ*/
.alecore_table_2item {
    border-collapse:collapse;
    width: 100%;
    margin: 20px auto;
    font-size: 1.5rem;
    line-height:2.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    text-align: center;
    margin-bottom: 60px;
}

.alecore_table_2item img{
    width: 45%;
}
/*オレンジの商品名*/
.alecore_table_2item th {
    background-color:#ffffff;
    border: none;
    color: #E59045;
    font-size: 1.5rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
}

/*一番左の左の線消す グレー背景 水色文字*/
.alecore_table_2item_left {
    background-color:#F5F5F5;
    color: #5BAAC8;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    text-align: center;
    border: 1px solid black; 
    border-top-style:none; 
    border-left-style:none; 
}


/*一番右の線消す*/



.alecore_table_2item tr td {
    border: 1px solid #e9e9e9;
    padding: 10px;
}

.alecore_center{
    text-align: center;
    padding: 5px;
}

/*記事内のオレンジ商品リンク*/
/*商品画像と文章を囲うコンテナpc横並び*/
.alecore_item_container {
    display:flex;
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    align-items: center;  /*垂直中央揃え*/
    border: 1px solid #C5C5C5;
    padding: 20px;
    margin-bottom: 60px;
}

/*商品画像のdiv */
.alecore_item_image {
    width: 35%;
}

.alecore_item_image img{
    width: 85%;
}

/*文章のdiv */
.alecore_item_text {
    width: 65%;
}

.alecore_item_text p{
    font-size: 1.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    line-height: 2rem;
}

/* オレンジのボタン */
.alecore_item_btn a {
    font-size: 2rem;
    display: flex;
    justify-content: space-around;
/*    フレックスコンテナの主軸の幅に対して余白をもって等間隔に配置されます。space-betweenと異なり、起点・終点との間にも間隔が生じます。余白がないときは、centerと同じになります。*/
    align-items: center;
    margin: 0 auto;
    max-width: 70%;
    padding: 15px 25px;
    color: #ffffff;
    font-weight: 600;
    background: #F3A056;
    overflow:hidden;
    transition: .4s; /*色の変化にわずかにじんわりとした動き*/
}

.alecore_item_btn a:hover {
  background: #f49043;
}

/* YouTube iframeのタグを中央に */
.alecore_youtube {
    text-align: center; /*iframeはインライン要素*/
}

.alecore_youtube p{
    font-size: 1.1rem;
}

/*------------------------------------------------
使用方法 howto ここから
-------------------------------------------------*/

/*使用方法①～④*/
/*商品画像と文章を囲うコンテナpc横並び*/
.alecore_howto_container {
    display:flex;
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    align-items: center;  /*垂直中央揃え*/
    padding: 20px;
    margin-bottom: 20px;
}

.alecore_howto_h5 {
    text-align: center;
    color: #414141;
    background: #D9EBF2;
    font-size: 2rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    padding: 10px;
    margin-bottom: 25px;
}

/*h5の二行目の使ってみたコメント*/
.alecore_howto_h5_comment {
    text-align: center;
    color: #414141;
    font-size: 1.5rem;
    font-weight:400;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}

.alecore_howto h6{
    color: #5BAAC8;
    padding-left: 10px;
    font-size: 2rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 10px;
}

/*商品画像のdiv */
.alecore_howto_image {
    width: 50%;
}

.alecore_howto_image img{
    width: 85%;
}

/*文章のdiv */
.alecore_howto_text {
    width: 50%;
}

.alecore_howto_text p{
    font-size: 1.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    line-height: 2rem;
    padding-right: 20px;
}

.alecore_howto_text_smal {
    font-size: 1.2rem;
}

.alecore_howto_linemarker{
    background:linear-gradient(transparent 60%, #F5FF57 60%);
}

/*------------------------------------------------
ビフォーアフター ここから
-------------------------------------------------*/
.alecore_beforeafter {
    margin-bottom: 60px; 
}

.alecore_beforeafter h5 {
    text-align: center;
    color: #414141;
    background: #D9EBF2;
    font-size: 2rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    padding: 10px;
    margin-bottom: 20px;
}

.alecore_beforeafter h6{
    font-size: 1.8rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 5px;
}

/*ビフォーのdiv */
.alecore_beforeafter_before {
    width: 50%;
}

/*before文字*/
.alecore_beforeafter_before_text{
  position: absolute; /*コンテナの上に文字を載せる*/
  top: 0px;
  right: 50%;
    text-align: center;
    color: #FFFFFF;
    background: #858585;
    font-size: 1.2rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    padding: 5px;
}

.alecore_beforeafter_container {
    display:flex;
    position: relative;/*このコンテナの上に文字を載せる*/
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    align-items: center;  /*垂直中央揃え*/
    margin-bottom: 20px;
}

/*三角*/
.alecore_beforeafter_arrow_text{
  position: absolute; /*コンテナの上に文字を載せる*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    color: #FFFFFF;
    font-size: 3rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}
/*after文字*/
.alecore_beforeafter_after_text{
  position: absolute;
  top: 0px;
  left: 50%;
    text-align: center;
    color: #858585;
    background: #FFFFFF;
    font-size: 1.2rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    padding: 5px;
}

.alecore_beforeafter_before img{
    width: 100%;
}

/*アフターのdiv */
.alecore_beforeafter_after {
    width: 50%;
}

.alecore_beforeafter_after img{
    width: 100%;
}



/*------------------------------------------------
商品一覧へリンク ここから
-------------------------------------------------*/


.alecore_itemichiran_container {
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    align-items: center;  /*垂直中央揃え*/
    text-align: center;
    border: 1px solid #C5C5C5;
    padding: 20px;
    margin-bottom: 30px;
}


.alecore_itemichiran_flex{
    display: flex;
    width: 100%;
    margin: 20px 0 -20px 0px;
    padding: 0px;
}

.alecore_itemichiran_flex img{
    width: 100%;
}



/*------------------------------------------------
書いた人 ここから
-------------------------------------------------*/
.alecore_writer {
    display: flex; /*横並び*/
    width: 100%;
    margin: 0 auto;
    background-color: #FCFCF8;
    text-align: left;
    padding: 30px;
    font-size: 1.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    line-height: 3.5rem;
    margin-bottom: 60px;
    border: 1px solid #C5C5C5;
}

/*画像のdiv */
.alecore_writer_image {
  display: flex;
  justify-content: center;
  padding: 20px;
}

/*右の文章のdiv */
.alecore_writer_right {
  width: 80%;
  margin: 0 50px 0 20px;
  padding: 0;
}

.alecore_writer_title {
    color: #E59045;
    font-size: 1.5rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 0px;
}

.alecore_writer_name {
    border-bottom: 1px solid #C5C5C5;
    font-size: 2rem;
    line-height: 3rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 10px;
}

.alecore_writer_profile {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-left: 6px;
}




/*------------------------------------------------
こんな人におすすめ＆使ってみた人 ここから
-------------------------------------------------*/
.alecore_user_back {
    background-color: #F2F7F9;
    padding: 5px;
    margin-bottom: 60px;
}

.alecore_osusume{
    background: #ffffff;
    margin: 10px;
    padding: 5px 10px 0px 10px;
    border-radius: 20px;
}

.alecore_osusume p{
    border-bottom: 1px solid #C5C5C5;
    font-size: 2rem;
    line-height: 3rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    color: #5BAAC8;
    margin-bottom: 20px;
}

.alecore_osusume ul{
    padding: 5px;
}

.alecore_osusume li{
    list-style-type: disc inside;
    font-size: 1.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    padding-left: 5px;
    margin-bottom: 10px;
}



.alecore_user {
    display: flex; /*横並び*/
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 30px;
    font-size: 1.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    line-height: 3.5rem;
}

/*画像のdiv */
.alecore_user_image {
  display: flex;
  justify-content: center;
  padding: 20px;
}

/*右の文章のdiv */
.alecore_user_right {

  margin: 10px 30px 0 20px;
  padding: 0;
}

.alecore_user_title {
    color: #5BAAC8;
    font-size: 1.5rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 0px;
}

.alecore_user_name {
    border-bottom: 1px solid #C5C5C5;
    font-size: 2rem;
    line-height: 3rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 10px;
}

.alecore_user_profile {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-left: 6px;
}




/*-------------------------------------------
インタビュー
-------------------------------------------*/


/*インタビューする人 */
.alecore_interviewer {
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin: 0;
}

/*インタビューされる人 */
.alecore_interviewee {
    font-size: 1.5rem;
    font-weight:500;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-top: -35px;
}


/*-------------------------------------------
追従 PC
-------------------------------------------*/

#floating {
    right: 0;
	bottom: 105px;
	width: 55px;
	position: fixed;
	z-index:7;
	

}
.floating_index{
	margin-bottom:10px;
	
}








/*------------------------
    PCスマホ画像切り替え 今回使用しない
--------------------------*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; margin-left: auto; margin-right: auto;}
.sp { display: none !important;  margin-left: auto; margin-right: auto;}
/* スマートフォン（画面幅750px以下）で見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; margin-left: auto; margin-right: auto; }
.sp { display: block !important; margin-left: auto; margin-right: auto; }
}



/*------------------------------------------------
★☆★☆ 【スマホ対応】 ★☆★☆ 
--------------------------------------------------*/

@media only screen and (max-width: 750px) {

body {
	font-size: 1.2rem;
	line-height: 1.4;
}


/*スマホのみ改行*/
.br_sp {
        display: block;
    }


.alecore_wrapper{
    width: 100%; 
    margin: 0 auto;
}

/*アレ・コレ タイトル*/
/*ロゴ画像と文章を囲うコンテナ sp縦並び*/
.alecore_header_container {
    display: block;
    justify-content: center;     /* アイテムを中央に寄せる */
    margin-bottom: 30px;
}

/*アレコレロゴ画像のdiv */
.alecore_logo {
    width: 50%;
    margin: 0 auto; /*不要かも*/
}

.alecore_logo img{
    width: 100%;
    padding: 10px;
    text-align: center; /*ロゴ中央配置*/
    margin-bottom: 10px;
}

/*アレコレ文章のdiv */
.alecore_description {
    width: 100%;
}

/*パンくず 公開するときにSP考える
.alecore_pankuzu {
    font-size: 1.2rem;
    font-weight:100;
    vertical-align: middle;
    margin-bottom: 30px;
}
*/

/*------------------------------------------------
アレ・コレ ページタイトル ここから【スマホ対応】
-------------------------------------------------*/

#alecore_pagetitle h3{
    font-size: 2.5rem;
    font-weight:600;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 20px;
}

/*------------------------------------------------
導入 ここから【スマホ対応】
-------------------------------------------------*/

#alecore_introduction{
    margin-bottom: 50px;
}

#alecore_introduction h4{
    font-size: 1,8rem;
    font-weight:500;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 30px;
}

/*目次*/
.alecore_mokuji{
    width: 95%;
    margin: 0 auto;
    background-color: #F5F5F5;
    border-radius: 10px;
    text-align: left;
    padding: 15px;
    font-size: 1.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}

.alecore_mokuji p{
    padding-bottom: 5px;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}

.alecore_mokuji_line{
    border-bottom: 1px solid #C5C5C5;
    margin-bottom: 15px;
}

.alecore_list_disc_container{
    margin-bottom: 10px;
}

.alecore_list_disc_container li{
    margin-bottom: 5px;
}

.alecore_list_disc:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #414141;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    margin: 0 5px;
}

.alecore_list_disc_container ul li {
  line-height: 1.5em;
}


/*ol普通数字*/
.alecore_list_number_roman ol {
  list-style-type: upper-roman!important;
}




/*------------------------------------------------
記事 ここから【スマホ対応】
-------------------------------------------------*/


/*記事内のテーブルその2 注意*/
.alecore_table_chui {
    border-collapse:collapse;
    width: 100%;
    margin: 5px auto;
    font-size: 1.2rem;
    line-height:2rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 30px;
}

.alecore_table_chui tr:nth-child(1) {
    background-color:#EFF1DD;
    font-size: 1.5rem;
    line-height:2rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}

.alecore_table_chui tr td {
    background-color:#F9F9EF;
    padding: 20px;
}

/*記事内のオレンジ商品リンク*/
/*商品画像と文章を囲うコンテナスマホ縦並び*/
.alecore_item_container {
    display: block;
    justify-content: center;     /* アイテムを中央に寄せる */
    border: 1px solid #C5C5C5;
    padding: 20px;
    margin-bottom: 60px;
}

/*商品画像のdiv */
.alecore_item_image {
    width: 50%;
    margin: 0 auto; /*不要かも*/
}

.alecore_item_image img{
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}

/*文章のdiv */
.alecore_item_text {
    width: 100%;
}

.alecore_item_text p{
    font-size: 1.5rem;
    font-weight:100;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    line-height: 2rem;
}

/* オレンジのボタン サイズ*/
.alecore_item_btn a {
    font-size: 1.8rem;
}

.alecore_item_btn a:hover {
  background: #f49043;
}

/* YouTube スマホ用に */
.alecore_youtube {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
    margin-bottom: 30px;
}

.alecore_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*使用方法 sp縦並び*/
.alecore_howto_container {
    display: block;
    justify-content: center;     /* アイテムを中央に寄せる */
    padding-top: 10px;
    margin-bottom: 50px;
}

/*文章のdiv */
.alecore_howto_text {
    width: 100%;
}

.alecore_howto_text p{
    width: 100%;
}

/*商品画像のdiv */
.alecore_howto_image {
    width: 100%;
    margin: 0 auto; /*不要かも*/
}

.alecore_howto_image img{
    width: 100%;
    padding: 20px 0 0;
    text-align: center;
    margin-bottom: 0px;
}

/*h5の二行目の使ってみたコメント*/
.alecore_howto_h5_comment {
    text-align: center;
    color: #414141;
    font-size: 1rem;
    font-weight:400;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
}


.alecore_howto h6{
    padding-left: 0px;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

.alecore_howto_text p{
    font-size: 1.5rem;
    font-weight:100;
    line-height: 2rem;
}

/*------------------------------------------------
商品一覧へリンク ここから【スマホ対応】
-------------------------------------------------*/

.alecore_itemichiran_container {
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    align-items: center;  /*垂直中央揃え*/
    text-align: center;
    border: 1px solid #C5C5C5;
    padding: 20px;
    margin-bottom: 30px;
}


.alecore_itemichiran_flex{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.alecore_itemichiran_flex_sp{
  width: 50%;
}





/*------------------------------------------------
書いた人 ここから【スマホ対応】
-------------------------------------------------*/
.alecore_writer {
    display: flex; /*横並び*/
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    align-items: center;  /*垂直中央揃え*/
    width: 100%;
    margin: 0 auto;
    background-color: #FCFCF8;
    text-align: left;
    font-size: 1.5rem;
    font-weight:100;
    line-height: 3.5rem;
    border: 1px solid #C5C5C5;
    padding: 10px;
    margin-bottom: 30px;
}

/*画像のdiv */
.alecore_writer_image {
  width: 30%;
    padding: 0;
    margin-right: 10px;
}


/*右の文章のdiv */
.alecore_writer_right {
  width: 65%;
  margin: 10px;
  padding: 0;
}

.alecore_writer_title {
    color: #E59045;
    font-size: 1.5rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 0px;
}

.alecore_writer_name {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.alecore_writer_profile {
    margin-left: 0px;
}


/*------------------------------------------------
こんな人におすすめ＆使ってみた人 ここから【スマホ対応】
-------------------------------------------------*/
.alecore_user {
    display: flex; /*横並び*/
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    align-items: center;  /*垂直中央揃え*/
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 1.5rem;
    font-weight:100;
    line-height: 3.5rem;
    padding: 10px;
/*    margin: 0 0 30px 0;*/
}

.alecore_osusume p{
    font-size: 1.8rem;
}

.alecore_osusume ul{
    padding: 0px;
}


/*画像のdiv */
.alecore_user_image {
    width: 30%;
    padding: 0px;
}


/*右の文章のdiv */
.alecore_user_right {
  width: 65%;
  margin: 0px;
  padding: 0px;
}

.alecore_user_title {
    color: #5BAAC8;
    font-size: 1.5rem;
    font-weight:700;  /*Noto Sans JP 太さは100,300,400,500,600,700,900で指定*/
    margin-bottom: 0px;
}

.alecore_user_name {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.alecore_user_profile {
    font-size: 1.2rem;
    margin-left: 0px;
}





/*-------------------------------------------
追従 SP
-------------------------------------------*/

#floating {
	width: 60px;
	position: fixed;
	z-index:7;
}

.floating_index{
	margin-bottom:20px;
	
}
}